<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SHOP 今日推荐</title>
       <style>
           #ys {
               width:300px;
               height:400px;
               margin:0px auto;
               border: 1px solid #388dff;
               border-radius: 8px
            }
           ul {
               list-style-type: none
            }
           a {
               color: red
            }
          span {
              color: red;
              font-size:14px
            }
           div p {
               font-size: 12px
            }
           h3 {
               padding-left:30px;
               display:inline-block
            }
           ul,li {
               margin-left: -10px;
               margin-top: -10px
            }
           ul li img {
               padding: 10px 0px;
            }
       </style>
</head>
<body>
  <div id="ys">
     <h3><span>SHOP</span> 今日推荐</h3>
      <img src="./素材/img/more.gif" style="padding-left:90px"/>
      <ul>
          <li>
              <img src="./素材/img/img9.gif"/>
              <div style="float: right;padding-right:38px;line-height:10px;padding-top:10px;height:66px;">
                <a href="#"><span>汉来国际美食百货</span></a>
              <p>口味：创意中餐</p>
              <p>区域：朝阳/CBD</p>
                  <img src="./素材/img/shen.png" style="position: relative;right:70px;top:-100px;"/>
              </div>
          </li>
          <li><img src="./素材/img/img7.gif"/>
              <div style="float: right;padding-right:38px;line-height:10px;padding-top:10px;">
                <a href="#"><span>汉来国际美食百货</span></a>
                  <p>口味：创意中餐</p>
                  <p>区域：朝阳/CBD</p>
              </div>
            </li>
          <li><img src="./素材/img/img8.gif"/>
              <div style="float: right;padding-right:38px;line-height:10px;padding-top: 10px;">
                <a href="#"><span>汉来国际美食百货</span></a>
                  <p>口味：创意中餐</p>
                  <p>区域：朝阳/CBD</p>
              </div>
           </li>
          <li><img src="./素材/img/img9.gif"/>
              <div style="float: right;padding-right:38px;line-height:10px;padding-top: 10px;">
                <a href="#"><span>汉来国际美食百货</span></a>
                  <p>口味：创意中餐</p>
                  <p>区域：朝阳/CBD</p>
              </div>
            </li>
      </ul>
  </div>
</body>
</html>